<template>
  <div>
    <table-ext :columns="columns" :searchForm="searchForm" :config="config" ref="tableExt">
    </table-ext>
  </div>
</template>
<script>
  import TableExt from '@/components/common/table-ext/table-ext.vue';
  import TableIcon from '@/components/common/table-ext/table-icon';
   export default {
    // 引入自定义表格组件
    components:{
      'table-ext': TableExt
    },
    data() {
      return {
        config:{ // 页面共通配置
          title: '货源关系', //页面标题
          isPage: true, //是否分页
          isNo: true, //是否显示序号
          crudMapping:{ // CRUD方法
            query:{
              url: this.lib.config.host.vendorMgt + '/vendormgt/vsp/common/vendormaterial/getByVendorId/',
              data:{'vendorId': this.$route.query.id},
              resultFun(response) { // 修改返回默认值
                return {
                  list: response.data, //返回列表数据
                  total: response.data.total //返回总数
                };
              }
            }
          }
        },
        // 查询表单配置
        searchForm:[{
          //显示标签
          label: '采购组织编码：', 
          //数据字段
          key: 'purOrgCode', 
          //标签类型
          type: 'input',
          width:'350px'
        },{
          label: '工厂:',
          key: 'factoryId',
          type: 'select',
          dict: {
            url:  this.lib.config.host.masterData + '/system/factoryMgt/factorys/getAll',
            method: 'post',
            label: 'factoryName',
            value: 'factoryId'
          }
        },{
          label: '物料名称：',
          key: 'materialName',
          type: 'input'
        }],
        // 表格列定义
        columns:[{
          label: '采购组织编码',
          key: 'purOrgCode',
          align:'center',
          width:'160px'
        },{
          label: '工厂编码',
          key: 'factoryCode',
          align:'center',
          width:'160px'
        },{
          label: '工厂名称  ',
          key: 'factory.factoryName',
          align:'center',
          width:'250px'
        },{
          label: '物料编码',
          key: 'material.materialCode',
          align:'center',
          width:'250px'
        },{
          label: '物料名称',
          key: 'material.materialName',
          align:'center',
          width:'300px'
        },{
          label: '起始日期',
          key: 'startDate',
          align:'center',
          width:'160px'
        },{
          label: '结束日期',
          key: 'endDate',
          align:'center',
          width:'250px'
        },{
          label: '是否冻结',
          key: 'freezeFlag',
          align:'center',
          width:'250px'
        }]
      }
    }
  }
</script>